/* 定义了个人常用的样式类名，可随时增加个人或项目常用的全局样式 */
.flex {
	display: flex;
}

.flex-a {
	display: flex;
	align-items: center;
}

.flex-a-c {
	align-items: center;
}

.flex-c {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-d {
	display: flex;
	flex-direction: column;
}
.flex-w {
	display: flex;
	flex-wrap: wrap;
}

.flex-j-a {
	justify-content: space-around;
}

.flex-j-c {
	justify-content: center;
}

.flex-j-b {
	justify-content: space-between;
}

/* 文本仅显示 1 行 */
.line-1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}

/* 文本仅显示 2 行 */
.line-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.m-2 {
	margin: 20rpx;
}
.m-l-1 {
	margin-left: 10rpx;
}
.m-l-2 {
	margin-left: 20rpx;
}
.m-r-1 {
	margin-right: 10rpx;
}
.m-r-2 {
	margin-right: 20rpx;
}
.m-t-1 {
	margin-top: 10rpx;
}
.m-t-2 {
	margin-top: 20rpx;
}
.m-b-1 {
	margin-bottom: 10rpx;
}
.m-b-2 {
	margin-bottom: 20rpx;
}
.p-2 {
	padding: 20rpx;
}
.p-l-2 {
	padding-left: 20rpx;
}
.p-r-2 {
	padding-right: 20rpx;
}
.p-t-2 {
	padding-top: 20rpx;
}
.p-b-2 {
	padding-bottom: 20rpx;
}

.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}